<div class="gis_MeasureDijit">
    <table style="width: 100%;border-spacing: 5px;border-collapse: separate;">
        <tr>
            <td>
                <button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'adw-icon-polyline',showLabel:false,drawType:'Rectangle'"
                        data-dojo-attach-event="onClick:measureByPolyline"
                        class="drawButton"
                        title="${i18n.byPolyline}">
                    ${i18n.byPolyline}
                </button>

                <button data-dojo-type="dijit/form/Button" data-dojo-attach-point="polygonButton"
                        data-dojo-props="iconClass:'adw-icon-polygon',showLabel:false,drawType:'Polygon'"
                        data-dojo-attach-event="onClick:measureByPolygon"
                        class="drawButton"
                        title="${i18n.byPolygon}">
                    ${i18n.byPolygon}
                </button>

                <button data-dojo-type="dijit/form/Button"
                        data-dojo-attach-point="stopDrawingButton"
                        data-dojo-props="iconClass:'fa fa-stop',showLabel:false,disabled:true"
                        data-dojo-attach-event="onClick:stopDrawing"
                        class="drawButton"
                        title="${i18n.labels.stopDrawing}">
                    ${i18n.labels.stopDrawing}
                </button>

                <button data-dojo-type="dijit/form/Button"
                        data-dojo-attach-point="eraseDrawingButton"
                        data-dojo-props="iconClass:'fa fa-history',showLabel:false,disabled:true"
                        data-dojo-attach-event="onClick:clearGraphics"
                        class="drawButton"
                        title="${i18n.labels.clearDrawing}">
                    ${i18n.labels.clearDrawing}
                </button>
            </td>
        </tr>

        <tr>
            <td>
                <span style="font-weight: bold">${i18n.labels.currentMeasureMode}</span>
                <span data-dojo-attach-point="measureModeTextNode">${i18n.labels.currentMeasureModeNone}</span>
            </td>
        </tr>
        <tr>
            <td>
                <hr style="margin-top: 10px; margin-bottom: 10px;"/>
                <span style="font-weight: bold">${i18n.labels.result}:</span>
                <span data-dojo-attach-point="measureResult"></span>
            </td>
        </tr>
    </table>
</div>